<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Seabird</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.png" />
<link href="style/css/bootstrap.css" rel="stylesheet">
<link href="style/css/settings.css" rel="stylesheet">
<link href="style/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="style/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
<link href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet">
<link href="style/css/color/green.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
<link href="style/type/fontello.css" rel="stylesheet">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if lt IE 9]>
<script src="style/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<header>
  <div class="logo pull-left"> <a href="index.html"><img src="style/images/logo.png" alt="" /></a> </div>
  <ul class="contact-info pull-right">
    <li><i class="icon-mail"></i><a href="mailto:#">first.last@email.com</a></li>
    <li><i class="icon-phone-1"></i>+00 (123) 456 78 90</li>
  </ul>
</header>
<!-- /header -->
<div class="body-wrapper">
  <nav id="menu" class="menu">
    <ul id="tiny">
      <li><a href="index.html"><i class="icon-home icn"></i>Home</a>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="index2.html">Home II</a></li>
          <li><a href="index3.html">Home III</a></li>
          <li><a href="index4.html">Home IV</a></li>
        </ul>
      </li>
      <li><a href="portfolio.html"><i class="icon-magic icn"></i>Portfolio</a>
        <ul>
          <li><a href="portfolio.html">Portfolio</a></li>
          <li><a href="portfolio-post.html">Post with Slider</a></li>
          <li><a href="portfolio-post2.html">Post with Images</a></li>
          <li><a href="portfolio-post3.html">Post with Video</a></li>
        </ul>
      </li>
      <li><a href="about.html"><i class="icon-docs-1 icn"></i>Pages</a>
        <ul>
          <li><a href="about.html">About</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="page-with-sidebar.html">Page with Sidebar</a></li>
        </ul>
      </li>
      <li class="active"><a href="blog.html"><i class="icon-pencil icn"></i>Blog</a>
        <ul>
          <li><a href="blog.html">Grid Blog with Sidebar</a></li>
          <li><a href="blog2.html">Grid Blog without Sidebar</a></li>
          <li><a href="blog3.html">Blog Medium</a></li>
          <li><a href="blog4.html">Blog Large</a></li>
          <li><a href="blog-post.html">Blog Post</a></li>
        </ul>
      </li>
      <li><a href="elements.html"><i class="icon-cog-alt icn"></i>Features</a>
        <ul>
          <li><a href="elements.html">Elements</a></li>
          <li><a href="pricing-table.html">Pricing Table</a></li>
          <li><a href="retina-icons.html">Retina Icons</a></li>
        </ul>
      </li>
      <li><a href="contact.html"><i class="icon-mail icn"></i>Contact</a></li>
    </ul>
  </nav>
  <!-- /.menu -->
  
  <div class="box box-border pull-right">
    <div class="light-wrapper">
      <div class="container inner">
        <div class="page-header">
          <h1 class="page-title">Blog Post</h1>
        </div>
        <!-- /.page-header -->
        
        <div class="row classic-blog">
          <div class="span8 content wide">
            <div class="post">
              <figure class="overlay"><a href="blog-post.html"> <img src="style/images/art/b1-wide.jpg" alt="" /> </a> </figure>
              <h1 class="post-title"><a href="blog-post.html">Adipiscing Porta Cursus Risus Ligula</a></h1>
              <div class="meta"><span class="date">15 June 2013</span> <span class="sep">|</span> <span class="categories"><a href="#">Aplication</a></span> <span class="sep">|</span> <span class="comments"><a href="#">8 Comments</a></span> <span class="sep"> | </span> <span class="likes"><a href="#">17 <i class="icon-heart"></i></a></span> </div>
              <p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
              <p>Donec sed odio dui <a href="#">consectetur adipiscing</a> elit. <span class="highlight">Etiam adipiscing</span> tincidunt elit, eu convallis felis suscipit ut. <span class="highlight2">Phasellus rhoncus tincidunt</span> auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero, condimentum ac laoreet vitae, varius tempor nisi. Duis non arcu vel lectus. </p>
              <ul class="unordered">
                <li>Mauris lacinia dui non metus dignissim venenatis.</li>
                <li>Etiam elit tellus, condimentum tempor lobortis non.</li>
                <li>Aliquam pharetra vestibulum arcu, eget iaculis. </li>
              </ul>
              <p> Mauris convallis, sapien id ultricies aliquet, mi nisi congue dui, id laoreet ligula ante vitae ligula. Duis lectus magna, cursus in molestie eget, cursus eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ullamcorper laoreet metus, eu commodo diam cursus et. Nam eleifend aliquam augue, id condimentum erat vehicula vel. Donec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet.</p>
              <div>Tags: <a href="#">journal</a>, <a href="#">illustration</a>, <a href="#">design</a>, <a href="#">daily</a></div>
            </div>
            <!--/.post-->
            
            <div id="comments">
              <h3 class="section-title">4 Comments</h3>
              <ol id="singlecomments" class="commentlist">
                <li>
                  <div class="user"><img alt="" src="style/images/art/u1.jpg" class="avatar" /></div>
                  <div class="message">
                    <div class="arrow-box"><a class="reply-link" href="#">Reply</a>
                      <div class="info">
                        <h2><a href="#">Nikolas Brooten</a></h2>
                        <div class="meta">February 21, 2010</div>
                      </div>
                      <p>Quisque tristique tincidunt metus non aliquam. Quisque ac risus sit amet quam sollicitudin vestibulum vitae malesuada libero. Mauris magna elit, suscipit non ornare et, blandit a tellus. Pellentesque dignissim ornare elit, quis mattis eros sodales ac.</p>
                    </div>
                  </div>
                  <ul class="children">
                    <li class="bypostauthor">
                      <div class="user"><img alt="" src="style/images/art/u2.jpg" class="avatar" /></div>
                      <div class="message">
                        <div class="arrow-box bypostauthor"> <a class="reply-link" href="#">Reply</a>
                          <div class="info">
                            <h2><a href="#">Author</a></h2>
                            <div class="meta">February 22, 2010</div>
                          </div>
                          <p>Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit non magna.</p>
                        </div>
                      </div>
                      <ul class="children">
                        <li>
                          <div class="user"><img alt="" src="style/images/art/u3.jpg" class="avatar" /></div>
                          <div class="message">
                            <div class="arrow-box"> <a class="reply-link" href="#">Reply</a>
                              <div class="info">
                                <h2><a href="#">Elsie Spear</a></h2>
                                <div class="meta">April 4, 2010</div>
                              </div>
                              <p>Nullam id dolor id nibh ultricies vehicula ut id. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li>
                  <div class="user"><img alt="" src="style/images/art/u1.jpg" class="avatar" /></div>
                  <div class="message">
                    <div class="arrow-box"> <a class="reply-link" href="#">Reply</a>
                      <div class="info">
                        <h2><a href="#">Nikolas Brooten</a></h2>
                        <div class="meta">February 28, 2010</div>
                      </div>
                      <p>Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                    </div>
                  </div>
                </li>
              </ol>
            </div>
            <!-- /#comments -->
            
            <hr />
            <div class="comment-form-wrapper">
              <h3 class="section-title">Would you like to share your thoughts?</h3>
              <p>Your email address will not be published. Required fields are marked *</p>
              <form class="comment-form" name="form_name" action="#" method="post">
                <div class="name-field">
                  <input type="text" name="first" title="Name*"/>
                </div>
                <div class="email-field">
                  <input type="text" name="first" title="Email*" />
                </div>
                <div class="website-field">
                  <input type="text" name="first" title="Website" />
                </div>
                <div class="message-field">
                  <textarea name="textarea" id="textarea" rows="5" cols="30" title="Enter your comment here..."></textarea>
                </div>
                <input type="submit" value="Submit" name="submit" class="btn btn-submit" />
              </form>
            </div>
            <!-- /.comment-form-wrapper --> 
            
          </div>
          <!--/.content -->
          
          <aside class="span4 sidebar lp30">
            <div class="sidebox widget">
              <h3>Popular Posts</h3>
              <ul class="post-list">
                <li>
                  <figure class="overlay"> <a href="blog-post.html"><img src="style/images/art/th1.jpg" alt="" />
                    <div></div>
                    </a> </figure>
                  <div class="meta">
                    <h6><a href="blog-post.html">Magna Mollis Ultricies</a></h6>
                    <em>3 June 2013</em> </div>
                </li>
                <li>
                  <figure class="overlay"> <a href="blog-post.html"><img src="style/images/art/th2.jpg" alt="" />
                    <div></div>
                    </a> </figure>
                  <div class="meta">
                    <h6><a href="blog-post.html">Ornare Nullam Risus</a></h6>
                    <em>15 June 2013</em> </div>
                </li>
                <li>
                  <figure class="overlay"> <a href="blog-post.html"><img src="style/images/art/th3.jpg" alt="" />
                    <div></div>
                    </a> </figure>
                  <div class="meta">
                    <h6><a href="blog-post.html">Euismod Nullam</a></h6>
                    <em>9 June 2013</em> </div>
                </li>
              </ul>
              <!-- /.post-list --> 
            </div>
            <!-- /.widget -->
            <div class="sidebox widget">
              <h3>Search</h3>
              <form class="searchform" method="get">
                <input type="text" id="s2" name="s" value="type and hit enter" onfocus="this.value=''" onblur="this.value='type and hit enter'"/>
              </form>
            </div>
            <!-- /.widget -->
            <div class="sidebox widget">
              <h3>Custom Text</h3>
              <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
              <p>Sed posuere consectetur est at lobortis. Vivamus sagittis lacus vel augue. Fusce  mauris condimentum.</p>
            </div>
            <!-- /.widget -->
            <div class="sidebox widget">
              <h3>Categories</h3>
              <ul class="border-list">
                <li><a href="#">Web Design (21)</a></li>
                <li><a href="#">Photography (19)</a></li>
                <li><a href="#">Graphic Design (16)</a></li>
                <li><a href="#">Manipulation (15)</a></li>
                <li><a href="#">Motion Graphics (12)</a></li>
              </ul>
            </div>
            <!-- /.widget --> 
          </aside>
          <!-- /.span4 .sidebar --> 
          
        </div>
        <!--/.row--> 
      </div>
      <!--/.container--> 
    </div>
    <!--/.light-wrapper-->
    
    <footer class="black-wrapper">
      <div class="container inner">
        <div class="row">
          <section class="span4 widget">
            <h3 class="section-title widget-title">Popular Posts</h3>
            <ul class="post-list">
              <li>
                <h6><a href="blog-post.html">Vivamus sagittis lacus vel augue metus</a></h6>
                <em>3th Oct 2012</em> </li>
              <li>
                <h6><a href="blog-post.html">Scelerisque nisl consectetur et</a></h6>
                <em>28th Sep 2012</em> </li>
              <li>
                <h6><a href="blog-post.html">Pellentesque ornare sem lacinia quam</a></h6>
                <em>15th Aug 2012</em> </li>
            </ul>
            <!-- /.post-list --> 
          </section>
          <!-- /.widget -->
          <section class="span4 widget">
            <h3 class="section-title widget-title">Tags</h3>
            <div class="tagcloud"> <a href="#" style="font-size: 9pt;">blogroll</a> <a href="#" style="font-size: 19pt;">daily</a> <a href="#" style="font-size: 9pt;">dialog</a> <a href="#" style="font-size: 9pt;">gallery</a> <a href="#" style="font-size: 10pt;">journal</a> <a href="#" style="font-size: 9pt;">link</a> <a href="#" style="font-size: 12pt;">motion</a> <a href="#" style="font-size: 9pt;">music</a> <a href="#" style="font-size: 20pt;">photo</a> <a href="#" style="font-size: 13pt;">professional</a> <a href="#" style="font-size: 16pt;">quotation</a> <a href="#" style="font-size: 9pt;">show</a> <a href="#" style="font-size: 15pt;">sound</a> <a href="#" style="font-size: 9pt;">tv</a> <a href="#" style="font-size: 9pt;">video</a> <a href="#" style="font-size: 9pt;">gift</a> <a href="#" style="font-size: 19pt;">label</a> <a href="#" style="font-size: 9pt;">christmas</a> <a href="#" style="font-size: 9pt;">holiday</a> <a href="#" style="font-size: 10pt;">fun</a> <a href="#" style="font-size: 9pt;">recipes</a> <a href="#" style="font-size: 12pt;">concert</a> <a href="#" style="font-size: 9pt;">drinks</a> <a href="#" style="font-size: 20pt;">apps</a> <a href="#" style="font-size: 13pt;">iphone</a> <a href="#" style="font-size: 16pt;">ipad</a> <a href="#" style="font-size: 9pt;">develop</a> <a href="#" style="font-size: 15pt;">marketing</a> <a href="#" style="font-size: 9pt;">strategy</a> <a href="#" style="font-size: 13pt;">food</a> <a href="#" style="font-size: 12pt;">typography</a> <a href="#" style="font-size: 9pt;">mobile</a> <a href="#" style="font-size: 15pt;">envato</a> <a href="#" style="font-size: 9pt;">icon</a> <a href="#" style="font-size: 9pt;">coda</a> <a href="#" style="font-size: 20pt;">jquery</a> <a href="#" style="font-size: 9pt;">cms</a> </div>
          </section>
          <!-- /.widget -->
          <section class="span4 widget">
            <h3 class="section-title widget-title">Get In Touch</h3>
            <p>Fusce dapibus, tellus commodo, tortor mauris condimentum utellus fermentum, porta sem malesuada magna. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur.</p>
            <div class="divide10"></div>
            <i class="icon-location contact"></i> Moonshine St. 14/05 Light City, Jupiter <br />
            <i class="icon-phone contact"></i>+00 (123) 456 78 90 <br />
            <i class="icon-mail contact"></i> <a href="first.last@email.com">first.last@email.com</a> </section>
          <!-- /.widget --> 
        </div>
        <!-- /.row --> 
      </div>
      <!-- .container --> 
    </footer>
    <!-- /footer -->
    
    <div class="subfooter">
      <div class="container inner">
        <p class="pull-left">© 2013 Seabird. All rights reserved. Theme by <a href="http://elemisfreebies.com">elemis</a>.</p>
        <ul class="social pull-right">
          <li><a href="#"><i class="icon-s-rss"></i></a></li>
          <li><a href="#"><i class="icon-s-twitter"></i></a></li>
          <li><a href="#"><i class="icon-s-facebook"></i></a></li>
          <li><a href="#"><i class="icon-s-dribbble"></i></a></li>
          <li><a href="#"><i class="icon-s-pinterest"></i></a></li>
        </ul>
      </div>
      <!-- /.container --> 
    </div>
    <!-- /.subfooter --> 
  </div>
  <!--/.box--> 
</div>
<!--/.body-wrapper--> 
<script src="style/js/jquery.js"></script> 
<script src="style/js/bootstrap.min.js"></script> 
<script src="style/js/twitter-bootstrap-hover-dropdown.min.js"></script> 
<script src="style/js/ddsmoothmenu.js"></script> 
<script src="style/js/jquery.themepunch.plugins.min.js"></script> 
<script src="style/js/jquery.themepunch.revolution.min.js"></script> 
<script src="style/js/jquery.themepunch.showbizpro.min.js"></script> 
<script src="style/js/jquery.fancybox.pack.js"></script> 
<script src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script> 
<script src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script> 
<script src="style/js/jquery.meanmenu.2.0.min.js"></script> 
<script src="style/js/jquery.fitvids.js"></script> 
<script src="style/js/jquery.slickforms.js"></script> 
<script src="style/js/jquery.isotope.min.js"></script> 
<script src="style/js/google-code-prettify/prettify.js"></script> 
<script src="style/js/jquery.easytabs.min.js"></script> 
<script src="style/js/jquery.hoverdir.min.js"></script> 
<script src="style/js/scripts.js"></script>
</body>
</html>